export const template = `
<ph-flex width="400px" justify="space-evenly">
  <ph-button type="success" v-tooltip:lt="'左上'">左上</ph-button>
  <ph-button type="primary" v-tooltip:t="'中上'">中上</ph-button>
  <ph-button type="danger" v-tooltip:rt="'右上'">右上</ph-button>
</ph-flex>
<ph-flex width="400px" margin="1rem 0" justify="space-between">
  <ph-button type="danger" v-tooltip:l="'左边'">左边</ph-button>
  <ph-button type="warning" v-tooltip:r="'右边'">右边</ph-button>
</ph-flex>
<ph-flex width="400px" justify="space-evenly">
  <ph-button type="success" v-tooltip:lb="'左下'">左下</ph-button>
  <ph-button type="primary" v-tooltip:b="'中下'">中下</ph-button>
  <ph-button type="warning" v-tooltip:rb="'右下'">右下</ph-button>
</ph-flex>
`;
export const way1 = `
import {PhTooltipDirective} from 'phoeon'
export default defineComponent({
  directives:{
    tooltip:PhTooltipDirective
  }
})
`;
export const way2 = `
import {PhTooltip} from 'phoeon'
App.use(PhTooltip)
`;
